<template>
	<view class="serch">
		  <div>
			  <input type="text" class="inp"  v-model="value"  placeholder="搜索"  @confirm="search">
			     <div v-show="flag" class="all">
					  <div class="content">
						  <p>彩票种类：双色球</p>
						   <p>彩票期号：22092</p>
						   <p>开发时间：2022-08-11</p>
						   <p>中将号码：07.10.16.20.21.27.11</p>
						   <p>是否中奖：未中奖</p>
						    <div @click="flag=false">关闭</div>
					  </div>
				 </div>
				
		  </div>
		 
	</view>
</template>

<script>
	export default{
		data(){
			return {
				 flag:false,
				 value:""
			}
		},
		methods:{
			 search(){
				 console.log(1);
				 if(this.value!=""){
					 this.flag=true
				 }else{
					 this.falg=false
				 }
			 }
		}
	}
</script>

<style>
	.serch{
		width: 100%;
		height: 100vh; 
		background-color: #fb91a5;
	}
	.inp{
		background-color: #fff;
		height: 50px;
	}
	.all{
		color: #fff;
		 height: 100px;
		 text-align: center;
		 margin-top: 50px;
		 text-align: justify;
	}
	.content{
		margin: auto;
		width: 300px;
	}
</style>